<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="Css/reset.css">
    <link rel="stylesheet" href="Css/业绩管理.css">
		<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<link rel="stylesheet" type="text/css" href="Css/toplogo.css" />
		<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1632750_204xwxiwzht.css?1583918713" />
</head>
<body>
				
				<div id="logo">
					<ul>
						<li>
							<div class="img-logo">
								<img src="img/logo.png" alt="量子科技" />
							</div>
							<div class="yonghu">
								<a href="">退出</a>
								<a href="">量子矩阵</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="body_left">
					<ul class="body_left_list">
						<li>
							<label>
			                    <span>首页</span>
			                    <!--<i class="iconfont iconxiajiantou"></i>-->
			                    <a href="首页.html"></a>
                			</label>
						</li>
						<li>
							<label>
			                    <span>院校管理</span>
			                    <!--<i class="iconfont iconxiajiantou"></i>-->
			                    <a href="院校管理.html"></a>
		                	</label>
						</li>
						<li>
							<label>
			                    <span>学生管理</span>
			                    <!--<i class="iconfont iconxiajiantou"></i>-->
			                    <a href="qtoma/student.html"></a>
		                	</label>
						</li>
						<li>
							<label>
			                    <span>业绩管理</span>
			                    <!--<i class="iconfont iconxiajiantou"></i>-->
			                    <a href="业绩管理.html"></a>
		                	</label>
						</li>
						<li class="performance">
							<label>
			                    <span>数据管理</span>
			                    <i class="iconfont iconxiajiantou"></i>
			                    <a href="#"></a>
		                	</label>
							<ul>
								<li>
									<label>
					                    <span>市场统计</span>
					                    <a href="市场统计.html"></a>
				                	</label>
								</li>
								<li>
									<label>
					                    <span>口碑统计</span>
					                    <a href="口碑统计.html"></a>
				                	</label>
								</li>
								<li>
									<label>
					                    <span>就业统计</span>
					                    <a href="就业统计.html"></a>
				                	</label>
								</li>
								<li>
									<label>
					                    <span>就业率统计</span>
					                    <a href="就业率统计.html"></a>
				                	</label>
								</li>
							</ul>
						</li>
						<li class="warn">
							<label>
	                    <span>提醒功能</span>
	                    <!--<i class="iconfont iconxiajiantou"></i>-->
	                    <a href="提心事项.html"></a>
                	</label>
						</li>
					</ul>
				</div>
    <div id="tou">
        <span class="yx">业绩管理</span>
    </div>
    <!-- 内容 -->
    <div class="content">
        <div class="top">
            <span class="xuanze">选择日期:</span><span>开始日期-</span><input class="input-1" type="date"><span>结束日期-</span><input class="input-2" type="date" >
            <span class="yuangong">员工</span>
            <select class="input-3" >
                <option value="乔碧萝">乔碧萝</option>
                <option value="铃木心春">铃木心春</option>
                <option value="泷泽萝拉">泷泽萝拉</option>
                <option value="佐佐木明希">佐佐木明希</option>
                <option value="麻生希">麻生希</option>
            </select>
            <span class="bumen">部门</span>
            <select class="input-4" >
                <option value="渠道部">渠道部</option>
                <option value="市场部">市场部</option>
                <option value="教学部">教学部</option>
                <option value="职业规划部">职业规划部</option>
                <option value="财务部">财务部</option>
            </select>
            <button class="btn">🔎 搜索</button>
        </div>
        <div class="mid">
            <span class="b c">报名量:</span><span class="num">100</span><span class="b">缴费量:</span><span class="num-1">100</span><span class="b">业绩:</span><span class="num-2">¥21,000</span>
        </div>
        <!-- 报表 -->
        <div id="main" style="width: 98%;height:400px;">
        </div>
        <!-- 表格 -->
        <div class="biaoge">
            <table>
                <tr>
                    <th class="head"> </th>
                    <th class="name">姓名</th>
                    <th class="sex">性别</th>
                    <th class="age">年龄</th>
                    <th class="phone">电话</th>
                    <th class="school">毕业院校</th>
                    <th class="zhuanye">专业</th>
                    <th class="status">状态</th>
                    <th class="uegent">紧急联系人</th>
                    <th class="wocao">紧急联系人电话</th>
                </tr>
                <tr>
                    <td>
                        1
                    </td>
                    <td>
                        王小虎
                    </td>
                    <td>
                        男
                    </td>
                    <td>
                        100
                    </td>
                    <td>
                        15515700226
                    </td>
                    <td>
                        清华大学
                    </td>
                    <td>
                        计算机科学与技术
                    </td>
                    <td>
                        已缴费
                    </td>
                    <td>
                        王老虎
                    </td>
                    <td>
                        15515700226
                    </td>
                </tr>
                <tr>
                    <td>
                        1
                    </td>
                    <td>
                        王小虎
                    </td>
                    <td>
                        男
                    </td>
                    <td>
                        100
                    </td>
                    <td>
                        15515700226
                    </td>
                    <td>
                        清华大学
                    </td>
                    <td>
                        计算机科学与技术
                    </td>
                    <td>
                        已缴费
                    </td>
                    <td>
                        王老虎
                    </td>
                    <td>
                        15515700226
                    </td>
                </tr>
                <tr>
                    <td>
                        2
                    </td>
                    <td>
                        王小虎
                    </td>
                    <td>
                        男
                    </td>
                    <td>
                        100
                    </td>
                    <td>
                        15515700226
                    </td>
                    <td>
                        清华大学
                    </td>
                    <td>
                        计算机科学与技术
                    </td>
                    <td>
                        已缴费
                    </td>
                    <td>
                        王老虎
                    </td>
                    <td>
                        15515700226
                    </td>
                </tr>
                <tr>
                    <td>
                        3
                    </td>
                    <td>
                        王小虎
                    </td>
                    <td>
                        男
                    </td>
                    <td>
                        100
                    </td>
                    <td>
                        15515700226
                    </td>
                    <td>
                        清华大学
                    </td>
                    <td>
                        计算机科学与技术
                    </td>
                    <td>
                        已缴费
                    </td>
                    <td>
                        王老虎
                    </td>
                    <td>
                        15515700226
                    </td>
                </tr>
                <tr>
                    <td>
                        4
                    </td>
                    <td>
                        王小虎
                    </td>
                    <td>
                        男
                    </td>
                    <td>
                        100
                    </td>
                    <td>
                        15515700226
                    </td>
                    <td>
                        清华大学
                    </td>
                    <td>
                        计算机科学与技术
                    </td>
                    <td>
                        已缴费
                    </td>
                    <td>
                        王老虎
                    </td>
                    <td>
                        15515700226
                    </td>
                </tr>
                <tr>
                    <td>
                        5
                    </td>
                    <td>
                        王小虎
                    </td>
                    <td>
                        男
                    </td>
                    <td>
                        100
                    </td>
                    <td>
                        15515700226
                    </td>
                    <td>
                        清华大学
                    </td>
                    <td>
                        计算机科学与技术
                    </td>
                    <td>
                        已缴费
                    </td>
                    <td>
                        王老虎
                    </td>
                    <td>
                        15515700226
                    </td>
                </tr>
                <tr>
                    <td>
                        6
                    </td>
                    <td>
                        王小虎
                    </td>
                    <td>
                        男
                    </td>
                    <td>
                        100
                    </td>
                    <td>
                        15515700226
                    </td>
                    <td>
                        清华大学
                    </td>
                    <td>
                        计算机科学与技术
                    </td>
                    <td>
                        已缴费
                    </td>
                    <td>
                        王老虎
                    </td>
                    <td>
                        15515700226
                    </td>
                </tr>
                <tr>
                    <td>
                        7
                    </td>
                    <td>
                        王小虎
                    </td>
                    <td>
                        男
                    </td>
                    <td>
                        100
                    </td>
                    <td>
                        15515700226
                    </td>
                    <td>
                        清华大学
                    </td>
                    <td>
                        计算机科学与技术
                    </td>
                    <td>
                        已缴费
                    </td>
                    <td>
                        王老虎
                    </td>
                    <td>
                        15515700226
                    </td>
                </tr>
                <tr>
                    <td>
                        8
                    </td>
                    <td>
                        王小虎
                    </td>
                    <td>
                        男
                    </td>
                    <td>
                        100
                    </td>
                    <td>
                        15515700226
                    </td>
                    <td>
                        清华大学
                    </td>
                    <td>
                        计算机科学与技术
                    </td>
                    <td>
                        已缴费
                    </td>
                    <td>
                        王老虎
                    </td>
                    <td>
                        15515700226
                    </td>
                </tr>
                <tr>
                    <td>
                        9
                    </td>
                    <td>
                        王小虎
                    </td>
                    <td>
                        男
                    </td>
                    <td>
                        100
                    </td>
                    <td>
                        15515700226
                    </td>
                    <td>
                        清华大学
                    </td>
                    <td>
                        计算机科学与技术
                    </td>
                    <td>
                        已缴费
                    </td>
                    <td>
                        王老虎
                    </td>
                    <td>
                        15515700226
                    </td>
                </tr>
                <tr>
                    <td>
                        10
                    </td>
                    <td>
                        王小虎
                    </td>
                    <td>
                        男
                    </td>
                    <td>
                        100
                    </td>
                    <td>
                        15515700226
                    </td>
                    <td>
                        清华大学
                    </td>
                    <td>
                        计算机科学与技术
                    </td>
                    <td>
                        已缴费
                    </td>
                    <td>
                        王老虎
                    </td>
                    <td>
                        15515700226
                    </td>
                </tr>
            </table>
            <div id="page">
                <ul class="page clear">
                    <li class="left">
                        <   
                    </li>
                    <li class="numa">
                        1   
                    </li>
                    <li class="shengluehao">
                        ...
                    </li>
                    <li class="two">
                        2 
                   </li>
                    <li class="three">
                        3
                    </li>
                    <li>
                        4
                    </li>
                    <li>
                        5
                    </li>
                    <li>
                        6
                    </li>
                    <li>
                        7
                    </li>
                    <li class="shengluehao-1">
                        ...
                    </li>
                    <li class="eight">
                        8
                    </li>
                    <li class="nine">
                        9
                    </li>
                    <li>
                        10
                    </li>
                    <li class="right">
                        >   
                    </li>
                   
                </ul>
                <div class="to">到</div>
               
                    <input type="text"  id="Inp">
                <div class="ye">页</div>
                <div class="go">
                        Go
                </div>
                
               
                
            </div>
        </div>
    </div>
</body>

<script src="jQuery-文件/jquery-3.5.1.min.js">

</script>
<script src="dist/echarts.js">
</script>
<script src="Js/业绩管理.js">

    // echars 插件使用方法
    // 1.先引入文件里的echarts.js
    // 2.        <div id="main" style="width: 98%;height:400px;">
    // 3.在JS里面写 var myChart = echarts.init(document.getElementById('main'));
    // 4.在echars官网找一个表格 然后复制粘贴里面的option内容
    // 5.最后一步myChart.setOption(option);

</script>
<script src="Js/style.js">
	</script>
	<script type="text/javascript">
		$('.body_left_list li').addClass('li')
		$('.body_left_list li').on('click', function() {
			$(this).addClass('bga').siblings().removeClass('bga')
		})
	</script>
</html>